<template>
	<view>
		<cu-custom :bgColor="'bg-white'" :isBack="true">
			<block slot="content">钱包充值</block>
		</cu-custom>
		<view class="whole-box" >
			<view class="gold-black-box">
				
				<view class="top-box">
					<!-- <image class="top-box-bg" src="@/static/black_bg/stander-box.png" mode="aspectFill"></image> -->
					<view class="top-box-content">
						<view class="note-price">
							<text class="note">可用钱包</text>
							<text class="price text-price">{{statistics && statistics.wait_integral > 0 ? statistics.wait_integral : 0}}</text>
						</view>
						<!-- <image class="icon-gold-tixian" src="@/static/icon-gold-money.png" mode="aspectFill"></image> -->
					</view>
				</view>
				
				<view class="my-data-box">
					<!-- <image class="my-data-box-bg" src="@/static/black_bg/stander-box.png" mode="aspectFill"></image> -->
					<view class="my-data-box-content-inputbox">
						<view class="title">请选择充值金额</view>
						<view class="price-list">
							<view v-for="(item,index) in prices" :key="index" class="price-box" :class="cur==index?'cur':''" @tap="selectMoney(index)">
								<text class="price">{{item.money}}元</text>
							</view>
							<view class="price-box" @tap='selectOther' :class="cur==-1?'cur':''">
								<text class="price">自定义</text>
							</view>
						</view>
					</view>
				</view>
				
				<view class="my-data-box-submitbox">
					<!-- <image class="my-data-box-bg-submitbox" src="@/static/black_bg/stander-box.png" mode="aspectFill"></image> -->
					<view class="my-data-box-content-submitbox">
						
						<view class="input-box">
							<text>充值金额</text>
							<input placeholder="请输入充值金额" type="text" name="input" placeholder-class="my-input-holder" v-model="formData.number"></input>
							
						</view>
						
						<view class="pay-list">
							<!-- #ifdef H5 -->
							<view class="payment" v-if="statistics &&  statistics.payconfig &&statistics.payconfig.order_wechat_pay == 1">
								<image src="https://attract-1251028293.cos.ap-guangzhou.myqcloud.com/images/h5/icon-wechat.png" mode="aspectFit"></image>
								<text>微信支付</text>
								<view class="action" @tap="payment_code='Wechat'">
									<view class="cuIcon cuIcon-roundcheck  default" :class="payment_code=='Wechat'?'text-select-pay':'text-gray'"></view>
								</view>
							</view>
							<!-- #endif -->
							<!-- #ifdef H5 -->
							<view class="payment" v-if="statistics && statistics.payconfig && statistics.payconfig.order_hj_wechat_pay == 1">
								<image src="https://attract-1251028293.cos.ap-guangzhou.myqcloud.com/images/h5/icon-wechat.png" mode="aspectFit"></image>
								<text>微信支付</text>
								<view class="action" @tap="payment_code='hj'">
									<view class="cuIcon cuIcon-roundcheck  default" :class="payment_code=='hj'?'text-select-pay':'text-gray'"></view>
								</view>
							</view>
							<!-- #endif -->
							<view class="payment" v-if="statistics && statistics.payconfig && statistics.payconfig.order_ali_pay == 1">
								<image src="https://attract-1251028293.cos.ap-guangzhou.myqcloud.com/images/2020/11/12/image_1605148466_y8CAI0ty.jpg" mode="aspectFit"></image>
								<text>支付宝支付</text>
								<view class="action" @tap="payment_code='Alipay'">
									<view class="cuIcon cuIcon-roundcheck  default" :class="payment_code=='Alipay'?'text-select-pay':'text-gray'"></view>
								</view>
							</view>
							<!-- #ifdef H5 -->
							<view class="payment"  v-if="statistics && statistics.payconfig && statistics.payconfig.order_gd_wechat_pay == 1">
								<image src="https://attract-1251028293.cos.ap-guangzhou.myqcloud.com/images/h5/icon-wechat.png" mode="aspectFit"></image>
								<text>微信支付</text>
								<view class="action" @tap="payment_code='gd'">
									<view class="cuIcon cuIcon-roundcheck  default" :class="payment_code=='gd'?'text-select-pay':'text-gray'"></view>
								</view>
							</view>
							<!-- #endif -->
							
							<!-- #ifdef APP-VUE -->
							<view class="payment" v-if="statistics && statistics.payconfig && statistics.payconfig.order_hj_wechat_pay == 1">
								<image src="https://attract-1251028293.cos.ap-guangzhou.myqcloud.com/images/h5/icon-wechat.png" mode="aspectFit"></image>
								<text>微信支付</text>
								<view class="action" @tap="payment_code='hjapp'">
									<view class="cuIcon cuIcon-roundcheck  default" :class="payment_code=='hjapp'?'text-select-pay':'text-gray'"></view>
								</view>
							</view>
							<!-- #endif -->
							
							<view class="payment"  v-if="statistics && statistics.payconfig && statistics.payconfig.order_gd_ali_pay == 1">
								<image src="https://attract-1251028293.cos.ap-guangzhou.myqcloud.com/images/2020/11/12/image_1605148466_y8CAI0ty.jpg" mode="aspectFit"></image>
								<text>支付宝支付</text>
								<view class="action" @tap="payment_code='gd1'">
									<view class="cuIcon cuIcon-roundcheck  default" :class="payment_code=='gd1'?'text-green':'text-gray'"></view>
								</view>
							</view>
							
							<view class="payment"  v-if="statistics && statistics.payconfig && statistics.payconfig.order_hj_alipay_pay == 1">
								<image src="https://attract-1251028293.cos.ap-guangzhou.myqcloud.com/images/2020/11/12/image_1605148466_y8CAI0ty.jpg" mode="aspectFit"></image>
								<text>支付宝支付</text>
								<view class="action" @tap="payment_code='hj1'">
									<view class="cuIcon cuIcon-roundcheck  default" :class="payment_code=='hj1'?'text-green':'text-gray'"></view>
								</view>
							</view>
							
							<!-- <view class="payment">
								<image src="https://attract-1251028293.cos.ap-guangzhou.myqcloud.com/images/h5/icon-wechat.png" mode="aspectFit"></image>
								<text>微信支付</text>
								<view class="action" @tap="payment_code='gd'">
									<view class="cuIcon cuIcon-roundcheck  default" :class="payment_code=='gd'?'text-select-pay':'text-gray'"></view>
								</view>
							</view>
							<view class="payment">
								<image src="../../../static/ylkf.png" mode="aspectFit"></image>
								<text>银联快付</text>
								<view class="action" @tap="payment_code='kf'">
								 <view class="cuIcon cuIcon-roundcheck  default" :class="payment_code=='kf'?'text-select-pay':'text-gray'"></view>
								</view>
							</view> -->
							<view class="payment" v-if="statistics && statistics.payconfig && statistics.payconfig.order_hj_kf_pay == 1">
								<image src="../../../static/ylkf.png" mode="aspectFit"></image>
								<text>银联快付</text>
								<view class="action" @tap="payment_code='kf'">
								 <view class="cuIcon cuIcon-roundcheck  default" :class="payment_code=='kf'?'text-select-pay':'text-gray'"></view>
								</view>
							</view>
						</view>
						
						<button @tap="submitApply">充值</button>
						
					</view>
				</view>
				
			</view>
		</view>
		<view class="cu-modal" :class="modalName=='passwordModal'?'show':''">
			<view class="cu-dialog bg-white">
				<view class="cu-bar  justify-end">
					<view class="content">请输入支付密码</view>
					<view class="action" @tap="modalName=''">
						<text class="cuIcon-close text-red"></text>
					</view>
				</view>
				<view class="padding-xl">
					<form>
						<view class="cu-form-group margin-top" style="border: 1px solid #CCCCCC;">
							<view class="title">密码</view>
							<input v-model="password" type="password" placeholder="请输入支付密码" name="input"></input>
						</view>
					</form>
					<view class="cu-btn bg-red round margin-top xl w100" @tap="checkpassword">确定</view>
					<view class="text-blue margin-top" @tap="goPage('/pages/member/password2')">修改支付密码</view>
				</view>
			</view>
		</view>
		
		<!-- <view class="whole-box" style="background-image: url(https://pingtuan-1251091607.cos.ap-shanghai.myqcloud.com/images/2021/03/10/image_1615358843_u9banc3z.jpg);background-size: 100% 100%;"> -->
		
	</view>
</template>

<script>
	import cuCustom from '../../../colorui/components/cu-custom.vue';
	import {
		mapState
	} from 'vuex'
	export default {
		components: {
		   cuCustom,
		   
	    },
		computed: mapState(['forcedLogin', 'hasLogin', 'channelLogin']),
		data() {
			return {
				member: null,
				config: null,
				theme: this.$config.THEME(),
				payment_code: 'Wechat',
				loading: false,
				formData: {
					number: 10,
				},
				password:'',
				statistics:[],
				adddata1: '',
				modalName: '',
				code:'',
				cur: -1,
				prices:[
					{
						money:100,
					},
					{
						money:300,
					},
					{
						money:500,
					},
					{
						money:800,
					},
					{
						money:1000,
					},
					{
						money:1500,
					},
					{
						money:2000,
					},
					{
						money:3000,
					},
				],
			}
		},
		onLoad() {
			
		},
		onShow() {
			this.$common.rmCache('config')
			this.$common.rmCache('member')
			if (this.$common.loginAuth(true)) {
				this.$common.getConfig().then((config) => {
					this.config = config
				})
				this.$common.getMember().then((member) => {
					this.member = member
					this.getTotal();
				})
			}
		},
		methods: {
			selectMoney(index){
				this.cur = index
				this.formData.number = this.prices[this.cur].money
			},
			selectOther(){
				this.cur = -1
				this.formData.number = ''
			},
			
			getTotal() {
				this.$http
					.get('integral_info', {})
					.then((response) => {
						this.statistics = response.data.data
						// #ifdef APP-VUE
						this.payment_code = 'Alipay'
						// #endif
						if (this.statistics.payconfig.order_gd_wechat_pay == 1) {
							// #ifdef H5
							this.payment_code = 'gd'
							// #endif
						}
						if (this.statistics.payconfig.order_hj_wechat_pay == 1) {
							// #ifdef H5
							this.payment_code = 'hj'
							// #endif
							
							// #ifdef APP-VUE
							this.payment_code = 'hjapp'
							// #endif
						}
						
						if (this.statistics.payconfig.order_gd_ali_pay == 1) {
							// #ifdef APP-VUE
							this.payment_code = 'gd1'
							// #endif
						}
						if (this.statistics.payconfig.order_hj_alipay_pay == 1) {
							
							this.payment_code = 'hj1'
							
						}
					})
					.catch((response) => {
						console.log(response)
					})
			},
			alipay(){
				
				let money = this.formData.number
				if (!money) {
					this.$common.showError('请输入金额')
					return
				}
				if (this.member.id != '10787') {
					if (money < 10) {
						this.$common.showError('最少充值10元')
						return
					}
				}
				
				
				console.log(money)
				this.$http.post('pay', {
					pay_type: 2,
					trade_type: 'app',
					order_group: 'recharge_interval',
					data: JSON.stringify({
						"money": money,
					})
				})
				.then((response) => {
					uni.requestPayment({
							provider: 'alipay',
							orderInfo: response.data.data.config.config,
							success: (e) => {
								uni.showToast({
									title: "支付成功"
								})
								this.loading = false
								this.$common.rmCache('member')
								this.$common.getMember().then((member) => {
									this.member = member
								})
								this.getTotal()
							},
							fail: (e) => {
								uni.showModal({
									//content: "支付失败,原因为: " + e.errMsg,
									content: "抱歉，您的支付不成功",
									showCancel: false
								})
								this.loading = false
							},
							complete: () => {
							}
						})
				})
				.catch((response) => {
					reject(response)
				})
			},
			applypay(){
				// #ifdef H5
					let ua = window.navigator.userAgent.toLowerCase()
					let money = this.formData.number
					if (ua.match(/MicroMessenger/i) == 'micromessenger') {
						// this.$common.showError('微信浏览器')
					} else {
						// if ( !this.member.id ) {
						// 	this.$common.showError('用户信息错误')
						// 	this.loading = false
						// 	return 
						// }
						
					}
					var url = this.config.web_url + 'site/whrder?type=recharge_interval&money=' + money + '&member_id=' + this.member.id
					window.open(url)
				// #endif
			},
			
			closeKf(){
				this.modalName = ''
				this.checkloading = false
				this.loading = false
			},
				//第三方银联快付生成参数
			cardKf(){
			    uni.showLoading({
			     'title' : '加载中...'
			    })
			    let money = this.formData.number
			    if (!money) {
			     this.$common.showError('请输入金额')
			     return
			    }
			    this.$http.post('pay', {
			      pay_type: 99,
			      trade_type: 'kf',
			      order_group: "recharge_interval",
			      data: JSON.stringify({
			       money: money
			      })
			     })
			     .then((response) => {
			      if (response.data.data.config != '' && response.data.data.config != null) {
			       this.adddata1 = response.data.data.config
				   if (response.data.data.config.status == 200) {
					   this.$common.showSuccess('支付成功',(r)=>{
						  this.getTotal()
						  this.modalName = ''
						  uni.hideLoading()
					   })
					 
				   } else {
					   this.$common.showError('支付失败')
					   this.getTotal()
					   // this.closeKf()
					   uni.hideLoading()
				   }
			       // this.$common.showSuccess('验证成功', (res) => {
			       //  this.modalName = 'passwordModal'
			       // })
			      }
			      this.loading = false
			      uni.hideLoading()
			      
			     })
			     .catch((response) => {
			      this.loading = false
			      uni.hideLoading()
			      console.log(response)
			      
			     })
			   },
			
				//第三方银联快付确认支付
			checkKf(){
			    let code = this.code;
			    let adddata1 = this.adddata1
			    if (!code) {
			     this.$common.showError('请输入验证码')
			     return
			    }
			    if (!adddata1) {
			     this.$common.showError('参数错误')
			     return
			    }
			    uni.showLoading({
			     'title' : '加载中...'
			    })
			    if (this.checkloading) return
			    this.checkloading = true;
			    this.$http.post('card_pay', {
			      adddata1: adddata1,
			      code: code,
			     })
			     .then((response) => {
			      
			      this.$common.showSuccess(response.data.message)
			      this.getTotal()
			      this.closeKf()
			      uni.hideLoading()
			     })
			     .catch((response) => {
			      uni.hideLoading()
			      this.closeKf()
			      console.log(response)
			     })
			},
			gdpay(){
				uni.showLoading({
					'title' : '加载中...'
				})
				let money = this.formData.number
				this.$http.post('pay', {
						pay_type: 1,
						trade_type: 'gd',
						order_group: 'recharge_interval',
						data: JSON.stringify({
							money: money
						})
					})
					.then((response) => {
						if (response.data.data.config) {
							// console.log(response.data.data.config.qrData)
							response.data.data.config.qrData = JSON.parse(response.data.data.config.qrData)
							response.data.data.config.qrData.timestamp = response.data.data.config.qrData.timeStamp
							console.log(response.data.data.config.qrData)
							uni.hideLoading()
							this.$jwx.readyPay(response.data.data.config.qrData).then((response) => {
								this.loading = false
								this.$common.rmCache('member')
								this.$common.getMember().then((member) => {
									this.member = member
								})
								this.getTotal()
								uni.hideLoading()
								this.$common.showSuccess('支付成功')
							}, (error) => {
								console.log("fail", error);
								uni.showModal({
									content: "支付失败,原因为: " + error,
									showCancel: false
								})
											
								this.loading = false
							})
							uni.hideLoading()
							return false;
							// window.location.href = decodeURIComponent(response.data.data.config.qrData)
						} else {
							uni.hideLoading()
							this.$common.showError('配置有误')
						}
					})
					.catch((response) => {
						this.$common.showError('配置有误')
					})
			},
			applyhj(){
				console.log('hj')
				let money = this.formData.number
				// #ifdef H5
					let ua = window.navigator.userAgent.toLowerCase()
					
					if (ua.match(/MicroMessenger/i) == 'micromessenger') {
						// this.$common.showError('微信浏览器')
					} else {
						// if ( !this.member.id ) {
						// 	this.$common.showError('用户信息错误')
						// 	this.loading = false
						// 	return 
						// }
						
					}
					var url = this.config.web_url + 'site/whrderhj?type=recharge_interval&money=' + money + '&member_id=' + this.member.id
					window.open(url)
				// #endif
				
				// #ifdef APP-VUE
				var url = this.config.web_url + 'site/whrderhj?type=recharge_interval&money=' + money + '&member_id=' + this.member.id
				plus.runtime.openURL(url)
				// #endif
			},
			
			applykf(){
				console.log('kf')
				// #ifdef H5
					let ua = window.navigator.userAgent.toLowerCase()
					let money = this.formData.number
					if (ua.match(/MicroMessenger/i) == 'micromessenger') {
						// this.$common.showError('微信浏览器')
					} else {
						// if ( !this.member.id ) {
						// 	this.$common.showError('用户信息错误')
						// 	this.loading = false
						// 	return 
						// }
						
					}
					var url = this.config.web_url + 'site/whrderkf?type=recharge_interval&money=' + money + '&member_id=' + this.member.id
					window.open(url)
				// #endif
			},
			//广东快付支付宝APP支付
			gdpay1(){
				let money = this.formData.number
				this.$http.post('pay', {
					pay_type: 2,
					trade_type: 'gd',
					order_group: 'recharge_interval',
					data: JSON.stringify({
						"money": money,
					})
				})
				.then((response) => {
					uni.showLoading({
						'title' : '加载中...'
					})
					console.log(response)
					let url = 'alipayqr://platformapi/startapp?saId=10000007&clientVersion=3.7.0.0718&qrcode=' + response.data.data.config.config.qrData;
				
					 plus.runtime.openURL(url, function (res) {
						uni.hideLoading()
						uni.showToast({
						  icon: "none",
						  title: "请安装支付宝之后再进行支付！",
						});
					  });
					  uni.hideLoading()
					
				})
				.catch((response) => {
					reject(response)
				})
			},
			hjpay(){
				let money = this.formData.number
				if (!money) {
					this.$common.showError('请输入金额')
					return
				}
				
				uni.showLoading({
					'title' : '加载中...'
				})
				this.$http.post('pay', {
						pay_type: 1,
						trade_type: 'hj',
						order_group: 'recharge_interval',
						data: JSON.stringify({
							money: money
						})
					})
					.then((response) => {
						if (response.data.data.config) {
							// console.log(response.data.data.config.qrData)
							// JSON.parse(response.data.data.config.qrData)
							response.data.data.config.qrData = response.data.data.config.data
							response.data.data.config.qrData.timestamp = response.data.data.config.qrData.timeStamp
							console.log(response.data.data.config.qrData)
							uni.hideLoading()
							this.$jwx.readyPay(response.data.data.config.qrData).then((response) => {
								this.loading = false
								this.$common.rmCache('member')
								this.$common.getMember().then((member) => {
									this.member = member
								})
								this.getTotal()
								uni.hideLoading()
								this.$common.showSuccess('支付成功')
							}, (error) => {
								console.log("fail", error);
								uni.showModal({
									content: "支付失败,原因为: " + error,
									showCancel: false
								})
											
								this.loading = false
							})
							uni.hideLoading()
							return false;
							// window.location.href = decodeURIComponent(response.data.data.config.qrData)
						} else {
							uni.hideLoading()
							this.$common.showError('配置有误1')
						}
					})
					.catch((response) => {
						this.$common.showError('配置有误2')
					})
			},
			hjapppay(){
				let money = this.formData.number
				if (!money) {
					this.$common.showError('请输入金额')
					return
				}
				
				uni.showLoading({
					'title' : '加载中...'
				})
				this.$http.post('pay', {
						pay_type: 1,
						trade_type: 'hjapp',
						order_group: 'recharge_interval',
						data: JSON.stringify({
							money: money
						})
					})
					.then((response) => {
						console.log(response.data.data.config);
						
						if (response.data.data.config) {
							// this.goMiniProgram(response.data.data.config.data)
							// console.log(response.data.data.config.qrData)
							// JSON.parse(response.data.data.config.qrData)
							if (response.data.data.config.status == 200) {
								this.goMiniProgram(response.data.data.config.data)
							} else {
								this.$common.showError('配置有误1')
							}
							
							uni.hideLoading()
							return false;
							// window.location.href = decodeURIComponent(response.data.data.config.qrData)
						} else {
							uni.hideLoading()
							this.$common.showError('配置有误1')
						}
					})
					.catch((response) => {
						this.$common.showError('配置有误2')
					})
			},
			goMiniProgram(data) {
				console.log('开启调起小程序支付')
				
				 data = JSON.stringify(data)
				// console.log('pages/payIndex/payIndex?rc_result='+data)
				plus.share.getServices(res => {
					this.sweixin = res.find(i => i.id === 'weixin')
					if (this.sweixin) {
						this.sweixin.launchMiniProgram({
							id: 'gh_3d8e42910df0',
							path: 'pages/payIndex/payIndex?rc_result='+data,
							type:0
						}, res => {
							console.log('res', JSON.stringify(res))
						}, err => {
							console.log('err', JSON.stringify(err))
						})
					} else {
						// 没有获取到微信分享服务
						console.log('没有获取到微信分享服务')
					}
				}, err => {
					// 获取分享服务列表失败
					console.log('获取分享服务列表失败')
				});
				// #ifdef APP-PLUS
				// #endif
			},
			submitApply() {
				let money = this.formData.number
				if (!money) {
					this.$common.showError('请输入金额')
					return
				}
				// if (money < 10) {
				// 	this.$common.showError('最少充值10元')
				// 	return
				// }
				if (this.loading) return
				this.loading = true
				
				if (this.payment_code == 'gd') {
					// #ifdef H5
					this.gdpay()	//微信支付公众号
					// #endif
					return 
				}
				//银联快付
				if (this.payment_code == 'kf') {
					// this.cardKf()
					this.modalName = 'passwordModal';
					return
				}
				//汇聚支付
				if (this.payment_code == 'hj') {
					this.hjpay()
					return
				}
				
				
				if (this.payment_code == 'Alipay') {
					// #ifdef H5
					this.applypay()	//H5支付宝支付
					// #endif
					console.log('app')
					// #ifdef APP-VUE
					this.alipay()
					// #endif
					return
				}
				
				if (this.payment_code == 'gd1') {
					// #ifdef H5
					this.applykf()	//广东支付支支付
					// #endif
					// #ifdef APP-VUE
					this.gdpay1()	//广东支付支付宝
					// #endif
					return 
				}
				
				if (this.payment_code == 'hj1') {
					
					this.applyhj()	//汇聚支付宝支付
					
					// #ifdef APP-VUE
					
					// #endif
					return 
				}
				
				//汇聚支付
				if (this.payment_code == 'hjapp') {
					
					// #ifdef APP-VUE
					this.hjapppay()
					
					// #endif
					return 
				}
				
				
			
				// #ifdef MP-WEIXIN
				this.mini_pay(this.id)
				// #endif
			
				// #ifdef H5
				this.$jwx.createPay('recharge_interval', {
					money: money
				}).then((res) => {
					this.loading = false
					this.$common.rmCache('member')
					this.$common.getMember().then((member) => {
						this.member = member
					})
					this.getTotal()
					this.$common.showSuccess('支付成功')
				}, (error) => {
					this.$common.showError(22)
					this.$common.showError(error)
					this.loading = false
				})
				return
				// #endif
			
				// #ifdef APP-VUE
				this.$http.post('pay', {
						pay_type: 1,
						trade_type: 'app',
						order_group: 'recharge_interval',
						data: JSON.stringify({
							money: money
						})
					})
					.then((response) => {
						console.log(response)
			
						uni.requestPayment({
							provider: 'wxpay',
							orderInfo: response.data.data.config,
							success: (e) => {
								this.loading = false
								this.$common.rmCache('member')
								this.$common.getMember().then((member) => {
									this.member = member
								})
								this.getTotal()
								this.$common.showSuccess('支付成功')
							},
							fail: (e) => {
								console.log("fail", e);
								uni.showModal({
									content: "支付失败,原因为: " + e.errMsg,
									showCancel: false
								})
			
								this.loading = false
							},
							complete: () => {
								this.loading = false
							}
						})
					})
					.catch((response) => {
						console.log((response))
						this.loading = false
						this.payLoading = false
					})
				// #endif
			
			},
			
			checkpassword() {
				if(this.checkLoading) return
				this.checkLoading = true
				uni.showLoading({
					title: '处理中'
				})
				this.$http.post('check_pay_pw', {
					password: this.password,
				}).then((response) => {
					uni.hideLoading()
					this.$common.showSuccess('验证通过')
					this.cardKf()
				this.checkLoading = false
				}).catch((response) => {
					uni.hideLoading()
				this.checkLoading = false
				})
			},
		},
	}
</script>


<style>
	.cu-custom {
		display: block;
		position: relative;
	}
	
	.cu-custom .cu-bar .content {
		width: calc(100% - 440upx);
	}
	
	/* #ifdef MP-ALIPAY */
	.cu-custom .cu-bar .action .cuIcon-back {
		opacity: 0;
	}
	
	/* #endif */
	
	.cu-custom .cu-bar .content image {
		height: 60upx;
		width: 240upx;
	}
	
	.cu-custom .cu-bar {
		min-height: 0px;
		/* #ifdef MP-WEIXIN */
		padding-right: 220upx;
		/* #endif */
		/* #ifdef MP-ALIPAY */
		padding-right: 150upx;
		/* #endif */
		box-shadow: 0upx 0upx 0upx;
		z-index: 93;
	}
	
	.cu-custom .cu-bar .border-custom {
		position: relative;
		background: rgba(0, 0, 0, 0.15);
		border-radius: 1000upx;
		height: 30px;
	}
	
	.cu-custom .cu-bar .border-custom::after {
		content: " ";
		width: 200%;
		height: 200%;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: inherit;
		transform: scale(0.5);
		transform-origin: 0 0;
		pointer-events: none;
		box-sizing: border-box;
		border: 1upx solid #ffffff;
		opacity: 0.5;
	}
	
	.cu-custom .cu-bar .border-custom::before {
		content: " ";
		width: 1upx;
		height: 110%;
		position: absolute;
		top: 22.5%;
		left: 0;
		right: 0;
		margin: auto;
		transform: scale(0.5);
		transform-origin: 0 0;
		pointer-events: none;
		box-sizing: border-box;
		opacity: 0.6;
		background-color: #ffffff;
	}
	
	.cu-custom .cu-bar .border-custom text {
		display: block;
		flex: 1;
		margin: auto !important;
		text-align: center;
		font-size: 34upx;
	}
</style>

<style>
	.uni-input-input{
		background: none!important;
	}
	.whole-box{
		background-image: url(../../../static/new-back.png);
		background-size: 100% 100%;
		min-height: calc(100vh - 45px);
		padding: 25rpx 0;
	}
	.gold-black-box{
		padding: 25rpx 0;
		margin: 0 10rpx;
		/* border: 2rpx solid #999999; */
		border-radius: 30rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.gold-black-box .top-box{
		/* margin-top: 25rpx; */
		width: 690rpx;
		height: 200rpx;
		/* border: 2rpx solid #999999; */
		border-radius: 30rpx;
		overflow: hidden;
		position: relative;
	}
	.top-box .top-box-bg{
		width: 100%;
		height: 100%;
	}
	.top-box .top-box-content{
		width: 690rpx;
		/* height: 276rpx; */
		position: absolute;
		left: 0;
		top: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 30rpx;
		padding: 0 30rpx;
	}
	.top-box-content .note-price{
		flex: 1;
		height: 102rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.note-price .note{
		font-size: 36rpx;
		font-weight: bold;
		color: #ffffff;
	}
	.note-price .price{
		margin-top: 10px;
		font-size: 50rpx;
		font-weight: bold;
		color: #ffffff;
	}
	.top-box-content .icon-gold-tixian{
		width: 130rpx;
		height: 99rpx;
		flex-shrink: 0;
		margin-left: 20rpx;
	}
</style>

<style>
	.gold-black-box .my-data-box{
		margin-top: 25rpx;
		width: 690rpx;
		height: 550rpx;
		/* border: 2rpx solid #999999; */
		border-radius: 30rpx;
		overflow: hidden;
		position: relative;
	}
	.my-data-box .my-data-box-bg{
		width: 100%;
		height: 100%;
	}
	.my-data-box .my-data-box-content-inputbox{
		width: 690rpx;
		position: absolute;
		left: 0;
		top: 0;
		padding: 30rpx 48rpx;
		background-color: #ffffff;
	}

	.my-data-box-content-inputbox .title{
		font-size: 32rpx;
		color: #000000;
	}
	
	.my-data-box-content-inputbox .type-box{
		display: flex;
		justify-content: space-around;
		align-items: center;
		
	}
	.type-box text{
		padding: 0 20rpx;
		height: 50rpx;
		line-height: 50rpx;
		text-align: center;
		font-size: 32rpx;
		color: #000000;
		font-weight: bold;
	}
	.type-box text.cur{
		border-bottom: 2rpx solid #000000;
	}
	
	.my-data-box-content-inputbox .change-box{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.change-box input{
		margin: 120rpx 0rpx;
		font-size: 40rpx;
		color: #000000;
		text-align: center;
	}
	.change-box .tips{
		align-self: flex-start;
		margin-top: 20rpx;
		font-size: 28rpx;
		font-weight: bold;
		color: #909090;
	}
	.change-box .tips text{
		margin-left: 10rpx;
		font-size: 26rpx;
		font-weight: bold;
		color: #909090;
	}
	.uni-input-placeholder{
		font-size: 12px!important;
	}
	
	.my-data-box-content-inputbox .price-list{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.price-list .price-box{
		margin-right: 80rpx;
		margin-top: 50rpx;
		width: 145rpx;
		height: 104rpx;
		border-radius: 20rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: #EEEEEE;
		color: #3C3A3A;
		font-size: 34rpx;
	}
	.price-list .price-box:nth-child(3n){
		margin-right: 0
	}
	.price-list .price-box.cur{
		background: #1A181E;
		color: #ffffff;
	}
	.text-select-pay{
		color: #1A181E;
	}
	.price-box .price{
	}
	.price-list .price-box.cur .price{
		
	}
	.other-box{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.price-holder{
		padding: 0 10rpx;
		font-size: 32rpx;
		color: #999999;
	}
	.price-input{
		padding: 0 10rpx;
		font-size: 32rpx;
		color: #FF0000;
		font-weight: bold;
		text-align: center;
	}
</style>

<style>
	.change-btn button{
		margin-top: 30rpx;
		margin-bottom: 60rpx;
		padding: 0;
		width: 400rpx;
		height: 90rpx;
		background-color: #FFE84C;
		border-radius: 30rpx;
		line-height: 90rpx;
		font-size: 40rpx;
		color: #000000;
	}
	.change-btn button::after{
		border: 0;
	}
	.gold-black-box .my-data-box-submitbox{
		margin-top: 25rpx;
		width: 690rpx;
		height: 580rpx;
		/* border: 2rpx solid #999999; */
		border-radius: 30rpx;
		overflow: hidden;
		position: relative;
		background-color: #ffffff;
	}
	.my-data-box-submitbox .my-data-box-bg-submitbox{
		width: 100%;
		height: 100%;
	}
	.my-data-box-submitbox .my-data-box-content-submitbox{
		width: 690rpx;
		position: absolute;
		left: 0;
		top: 0;
		padding: 36rpx 40rpx;
	}
	.my-data-box-content-submitbox .input-box{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.input-box text{
		font-size: 32rpx;
		font-weight: bold;
		color: #000000;
	}
	.input-box input{
		text-align: right;
		font-size: 32rpx;
		color: #000000;
		/* border-bottom: 1rpx solid #EAEAEA; */
	}
	.my-input-holder{
		font-size: 18rpx;
		color: #999999;
	}
	
	.pay-list .payment{
		margin-top: 40rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.payment image{
		width: 40rpx;
		height: 40rpx;
		margin-right: 20rpx;
		flex-shrink: 0;
	}
	.payment text{
		flex: 1;
		font-size: 30rpx;
		font-weight: bold;
		color: #000000;
	}
	.payment .action{
		
	}
	.my-data-box-content-submitbox button{
		margin-top: 80rpx;
		padding: 0;
		width: 280rpx;
		height: 70rpx;
		background-color: #1A181E;
		/* box-shadow: 0px 2rpx 0px 0px rgba(91, 82, 67, 0.5); */
		border-radius: 25rpx;
		line-height: 70rpx;
		font-size: 30rpx;
		color: #ffffff;
	}
	.my-data-box-content-submitbox button::after{
		border: 0;
	}
</style>